<template>
  <div>
    我是APP组件
  </div>
</template>

<script>
import {ref, readonly, reactive, isReactive, isRef, isProxy, isReadonly} from 'vue'
export default {
  name: 'App',
  setup(){
    let car = reactive({name:'奔驰',price:'40W'})
    let sum = ref(0)
    let sum1 = ref({sum: 0})
    let car2 = readonly(car) 

    
    console.log(isRef(sum)) //T
    console.log(isReactive(car))  //T
    console.log(isReadonly(car2)) //T
    console.log(isProxy(car)) //T
    console.log(isProxy(sum)) //F
    console.log(isProxy(car2)) //T

    console.log(isRef(sum1)) //T
    console.log(isReactive(sum1)) //F
    console.log(isProxy(sum1)) //F

    return {}
  }

}
</script>

<style>

</style>
